import React from 'react'
import { Outlet } from 'react-router-dom'
import Tabber from './pages/tabber/Tabber'
import { ResultPage } from 'antd-mobile'
import './App.css'
import { Button, Space } from 'antd-mobile'
// import { SearchBar } from 'antd-mobile/es/components/search-bar'
function App() {
  return (
    <div>
     
      <ResultPage
      // status='success'
      title='火车票预订'
      description='便捷购票，服务您的每一次出行'
    >
 <div name="" id=""  className='box'>
 
  <h3 >北京---------上海</h3>
  <p>2024-12-10 <span style={{color:'gray'}}>周二（今天）</span></p>
  <input placeholder='只看高铁/动车' />
  <Button color='primary' fill='solid' style={{backgroundColor:'orange',border:'none',width:'150px',margin:'10px'}}>
            搜索
          </Button>
  </div>
    

    </ResultPage>
   
      <Outlet></Outlet>
      <Tabber></Tabber>
    </div>
  )
}

export default App
